<!-- 平台简介 -->
<div class="frAuthor-div" th:fragment="introduce" th:if="${introduction != null && introduction != ''}">
	<div class="frAuthor-title">
		<div class="frAuthor-icon">
			<span class="frAuthor-iconS">平台简介</span>
		</div>
	</div>
	<div class="frAuthor-Label" style="margin-bottom: 5px;
		    overflow: hidden;
		    color: #bbb;
		    text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-box-orient: vertical;
		    margin-top: 5px;
		    line-height: 30px;" th:utext="${introduction}">
		<p>帅小铺是一个实体商户社群服务平台，致力于为商家、房东、经纪人、服务商搭建一个可信赖的社群服务社区，秉承“服务与成就实体商户”的使命，用新技术和新模式整合行业资源，提升行业效率和可持续增长。</p>
	</div>
</div>
<!-- /平台简介 -->

<!-- 热门标签 -->
<div class="frAuthor-div" th:fragment="hotlabel">
	<div class="frAuthor-title">
		<div class="frAuthor-icon">
			<span class="frAuthor-iconS">个性标签</span>
		</div>
	</div>
	<div class="frAuthor-Label">
		<ul>
			<li class="frAuthor-Label-li" th:each="item:${labels}">
				<a th:href="'/search?keyword=' + ${item.labelName}" class="frAuthor-Label-liA" th:title="${item.labelName}" th:text="${item.labelName}"></a>
			</li>
		</ul>
	</div>
</div>
<!-- /热门标签 -->

<!-- 热搜排行 -->
<div class="frAuthor-div" th:fragment="hotarticles">
	<div class="frAuthor-title">
		<div class="frAuthor-icon">
			<span class="frAuthor-iconS">热搜排行</span>
		</div>
	</div>
	<div class="frAuthor-Article">
		<ul>
			<li class="frAuthor-Article-li" th:each="item:${heats}">
				<a th:href="'/details/' + ${item.articleId}" class="frAuthor-Article-liA">
					<p class="frAuthor-Article-liAp" th:text="${item.title}"></p>
					<span class="muted" th:text="${item.time}"></span>
					<span class="muted">阅读(<span th:text="${item.readSizeFormat}"></span>)</span>
				</a>
			</li>
		</ul>
	</div>
</div>
<!-- /热搜排行 -->

<!-- 铺友推荐 -->
<div class="frAuthor-div" th:fragment="hotauth">
	<div class="frAuthor-title">
		<div class="frAuthor-icon">
			<span class="frAuthor-iconS">铺友推荐</span>
		</div>
	</div>
	<div class="frAuthor-cont">
		<ul>
			<li class="frAuthor-cLi" th:each="item:${authors}">
				<div class="frAuthor-cLi-lf">
					<div class="frAuthor-cLi-lfImg">
						<a th:href="'/t/' + ${item.userId}" target="_blank" class="frAuthor-cLiImgA">
							<img th:src="${item.avatar}" alt="" />
						</a>
					</div>
					<div class="frAuthor-cLiName">
						<a th:href="'/t/' + ${item.userId}" target="_blank" class="frAuthor-cLiName-a" th:text="${item.nickName}"></a> 
						<span class="frAuthor-cLiName-s" th:title="${item.tag == null || item.tag == '' ? '暂无' : item.tag}" th:text="${item.tag == null || item.tag == '' ? '暂无' : item.tag}"></span>
					</div>
				</div>
				<th:block th:if="${user != null}">
					<div class="frAuthor-cLi-fr" th:if="${item.userId != user.userId}">
						<a href="javascript:;" class="frAuthor-cLi-frS" th:attr="data-userid=${item.userId}" lay-event="unfollow" th:if="${item.mutual}">✓已关注</a>
						<a href="javascript:;" class="frAuthor-cLi-frS" th:attr="data-userid=${item.userId}" lay-event="follow" th:unless="${item.mutual}">+关注</a>
					</div>
				</th:block>
				<th:block th:if="${user == null}">
					<div class="frAuthor-cLi-fr">
						<a href="javascript:;" class="frAuthor-cLi-frS" th:attr="data-userid=${item.userId}" lay-event="follow" th:unless="${item.mutual}">+关注</a>
					</div>
				</th:block>
			</li>
			
		</ul>
		<th:block th:if="${not #lists.isEmpty(authors)}">
			<!--查看全部-->
			<div class="SeeWhole">
				<a href="/circlefriend" target="_blank" class="SeeWholeA">查看全部</a>
			</div>
		</th:block>
	</div>
</div>
<!-- 铺友推荐 -->
